// 历史订单列表
// @mui material components
import Card from "@mui/material/Card";
import Stack from "@mui/material/Stack";

// Soft UI Dashboard PRO React components
import SoftBox from "components/SoftBox";
import SoftTypography from "components/SoftTypography";
import SoftButton from "components/SoftButton";

// Soft UI Dashboard PRO React example components
import DataTable from "examples/Tables/DataTable";

// Data
import dataTableData from "layouts/ecommerce/products/products-list/data/dataTableData";

function OrderHistoryTable() {
  const dataTableData = {
    columns: [
      { Header: "Order ID", accessor: "orderId",},
      { Header: "Plan", accessor: "plan", },
      { Header: "Unit Price", accessor: "unitPrice", },
      { Header: "Quantity", accessor: "quantity", },
      { Header: "Total Price", accessor: "totalPrice", },
      { Header: "Payment Method", accessor: "paymentMethod",},
      { Header: "Network", accessor: "network",},
      { Header: "Date", accessor: "date",},
      { Header: "Order Status", accessor: "orderStatus",},
      { Header: "Action", accessor: "action",},
    ],
    rows: [
      {
        orderId: "12345",
        plan: "Basic",
        unitPrice: "$10",
        quantity: "1",
        totalPrice: "$10",
        paymentMethod: "Credit Card",
        network: "Visa",
        date: "12/04/2020",
        orderStatus: "Delivered",
        action: '测试',
      },
      {
        orderId: "12346",
        plan: "Aasic",
        unitPrice: "$10",
        quantity: "2",
        totalPrice: "$12",
        paymentMethod: "Credit Card",
        network: "Visa",
        date: "12/04/2020",
        orderStatus: "Delivered",
        action: '测试',
      }
    ]
  }
  return (
    <>
      <SoftBox my="72px">
        <Card>
          <SoftBox display="flex" justifyContent="space-between" alignItems="flex-start" p={3}>
            <SoftBox lineHeight={1}>
              <SoftTypography variant="h5" fontWeight="medium">
                Order History
              </SoftTypography>
            </SoftBox>
          </SoftBox>
          <DataTable
            table={dataTableData}
            entriesPerPage={false}
          />
        </Card>
      </SoftBox>
    </>
  );
}

export default OrderHistoryTable;
